/*
* Prefixed by https://autoprefixer.github.io
* PostCSS: v8.4.14,
* Autoprefixer: v10.4.7
* Browsers: last 4 version
*/

/*
* Prefixed by https://autoprefixer.github.io
* PostCSS: v8.4.14,
* Autoprefixer: v10.4.7
* Browsers: last 4 version
*/

/*

* Prefixed by https://autoprefixer.github.io

* PostCSS: v8.4.14,

* Autoprefixer: v10.4.7

* Browsers: last 4 version

*/
@import url('https://fonts.googleapis.com/css2?family=Inria+Serif:ital,wght@0,300;0,400;0,700;1,300;1,400;1,700&display=swap');

@font-face {

  font-family: 'Gotham';

  src: url('fonts2/Gotham-BookItalic.woff2') format('woff2'),

    url('fonts2/Gotham-BookItalic.woff') format('woff');

  font-weight: 500;

  font-style: italic;

  font-display: swap;

}



@font-face {

  font-family: 'Gotham';

  src: url('fonts2/Gotham-Light.woff2') format('woff2'),

    url('fonts2/Gotham-Light.woff') format('woff');

  font-weight: 300;

  font-style: normal;

  font-display: swap;

}



@font-face {

  font-family: 'Gotham';

  src: url('fonts2/Gotham-Book.woff2') format('woff2'),

    url('fonts2/Gotham-Book.woff') format('woff');

  font-weight: normal;

  font-style: normal;

  font-display: swap;

}



@font-face {

  font-family: 'Gotham';

  src: url('fonts2/Gotham-LightItalic.woff2') format('woff2'),

    url('fonts2/Gotham-LightItalic.woff') format('woff');

  font-weight: 300;

  font-style: italic;

  font-display: swap;

}



@font-face {

  font-family: 'Gotham';

  src: url('fonts2/Gotham-Light.woff2') format('woff2'),

    url('fonts2/Gotham-Light.woff') format('woff');

  font-weight: 300;

  font-style: normal;

  font-display: swap;

}



@font-face {

  font-family: 'Gotham';

  src: url('fonts2/Gotham-BookItalic.woff2') format('woff2'),

    url('fonts2/Gotham-BookItalic.woff') format('woff');

  font-weight: normal;

  font-style: italic;

  font-display: swap;

}



@font-face {

  font-family: 'Gotham';

  src: url('fonts2/Gotham-Medium.woff2') format('woff2'),

    url('fonts2/Gotham-Medium.woff') format('woff');

  font-weight: 500;

  font-style: normal;

  font-display: swap;

}



@font-face {

  font-family: 'Gotham';

  src: url('fonts2/Gotham-ThinItalic.woff2') format('woff2'),

    url('fonts2/Gotham-ThinItalic.woff') format('woff');

  font-weight: 100;

  font-style: italic;

  font-display: swap;

}



@font-face {

  font-family: 'Gotham';

  src: url('fonts2/Gotham-Thin.woff2') format('woff2'),

    url('fonts2/Gotham-Thin.woff') format('woff');

  font-weight: 100;

  font-style: normal;

  font-display: swap;

}



@font-face {

  font-family: 'Gotham';

  src: url('fonts2/Gotham-UltraItalic.woff2') format('woff2'),

    url('fonts2/Gotham-UltraItalic.woff') format('woff');

  font-weight: 500;

  font-style: italic;

  font-display: swap;

}



@font-face {

  font-family: 'Gotham';

  src: url('fonts2/Gotham-Medium.woff2') format('woff2'),

    url('fonts2/Gotham-Medium.woff') format('woff');

  font-weight: 500;

  font-style: normal;

  font-display: swap;

}



@font-face {

  font-family: 'Gotham';

  src: url('fonts2/Gotham-MediumItalic.woff2') format('woff2'),

    url('fonts2/Gotham-MediumItalic.woff') format('woff');

  font-weight: 500;

  font-style: italic;

  font-display: swap;

}



@font-face {

  font-family: 'Gotham';

  src: url('fonts2/Gotham-Bold.woff2') format('woff2'),

    url('fonts2/Gotham-Bold.woff') format('woff');

  font-weight: bold;

  font-style: normal;

  font-display: swap;

}



@font-face {

  font-family: 'Gotham';

  src: url('fonts2/Gotham-XLight.woff2') format('woff2'),

    url('fonts2/Gotham-XLight.woff') format('woff');

  font-weight: 300;

  font-style: normal;

  font-display: swap;

}



@font-face {

  font-family: 'Gotham';

  src: url('fonts2/Gotham-Bold.woff2') format('woff2'),

    url('fonts2/Gotham-Bold.woff') format('woff');

  font-weight: bold;

  font-style: normal;

  font-display: swap;

}



@font-face {

  font-family: 'Gotham';

  src: url('fonts2/Gotham-XLightItalic.woff2') format('woff2'),

    url('fonts2/Gotham-XLightItalic.woff') format('woff');

  font-weight: 300;

  font-style: italic;

  font-display: swap;

}



@font-face {

  font-family: 'Gotham';

  src: url('fonts2/Gotham-Black.woff2') format('woff2'),

    url('fonts2/Gotham-Black.woff') format('woff');

  font-weight: 500;

  font-style: normal;

  font-display: swap;

}



@font-face {

  font-family: 'Gotham';

  src: url('fonts2/Gotham-BoldItalic.woff2') format('woff2'),

    url('fonts2/Gotham-BoldItalic.woff') format('woff');

  font-weight: bold;

  font-style: italic;

  font-display: swap;

}






body {

  background-color: #F8EFE0;

  font-family: 'Gotham';

}



.container {

  max-width: 1168px;

}





.campo1 {}



.campo1 img.img-logo {

  margin: 162px auto 112px auto;

  display: block;

}



.campo1 img.img-titulo {

  margin: 0px auto 108px auto;

  display: block;

}



.campo1 img.img-banner {

  margin: 0px auto 120px auto;

  display: block;
  width: 100%;
  height: auto;

}



.img-responsive {

  max-width: 100%;

}



.campo1 img.img1 {

  margin: 0px auto;

  display: block;

}



.campo1 h2 {

  font-family: Gotham;

  font-size: 45px;

  font-style: normal;

  font-weight: 300;

  line-height: 55px;

  /* 122.222% */

  margin: 0;
  text-align: right;
  max-width: 400px;

  font-size: 60px;
  font-style: normal;
  font-weight: 400;
  line-height: 70px;
  /* 116.667% */

}



.campo1 p {

  font-family: Gotham;

  font-size: 16px;

  font-style: normal;

  font-weight: 400;

  line-height: 20px;

  /* 125% */

  margin-top: 16px;
  max-width: 440px;

}



.campo1 .texto {

  margin: 0 auto;

  max-width: 900px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  gap: 50px;

}





.divisoria {

  margin: 125px 0px 150px 0px;

  height: 2px;

  width: 100%;

  background-color: #000;

}



.campo2 {}



.campo2 h2 {

  text-align: right;

  margin-right: 100px;


  font-size: 45px;

  font-style: normal;

  font-weight: 300;

  line-height: 55px;
  color: #000;

  font-family: "Inria Serif";
  font-size: 40px;
  font-style: normal;
  font-weight: 400;
  /* 122.222% */

}



.campo2 .texto {

  display: -webkit-box;

  display: -ms-flexbox;

  display: flex;

  -webkit-box-align: center;

  -ms-flex-align: center;

  align-items: center;

  -webkit-box-pack: center;

  -ms-flex-pack: center;

  justify-content: center;

  margin-bottom: 30px;

}



.campo2 .texto p {

  color: #000;

  font-family: Gotham;

  font-size: 16px;

  font-style: normal;

  font-weight: 400;

  line-height: 130%;

  margin-bottom: 0px;

}



.campo2 .texto span {

  display: -webkit-box;

  display: -ms-flexbox;

  display: flex;

  -webkit-box-align: center;

  -ms-flex-align: center;

  align-items: center;

  -webkit-box-pack: center;

  -ms-flex-pack: center;

  justify-content: center;

  text-align: center;

  border: 1px solid #000;

  border-radius: 100%;

  margin-right: 25px;



  font-size: 30px;



  width: 51px;

  height: 51px;

  -ms-flex-negative: 0;

  flex-shrink: 0;

}



.campo2 .pontos {

  border-radius: 10px;

  margin-top: 90px;

  background: #F7C14E;

  padding: 13.5px;

  text-align: center;

  color: #000;

  text-align: center;

  font-family: Gotham;

  font-size: 25px;

  font-style: normal;

  font-weight: 600;

  line-height: 100%;

}



.img-full {

  width: 100%;

}



.campo3 {}



.campo3 .titulo {

  display: -webkit-box;

  display: -ms-flexbox;

  display: flex;

  -webkit-box-align: center;

  -ms-flex-align: center;

  align-items: center;

  -webkit-box-pack: justify;

  -ms-flex-pack: justify;

  justify-content: space-between;

  width: 100%;

  margin: 53px 0px 22px 0px;

}





.campo3 .titulo .texto h3 {

  font-family: Gotham !important;

  font-size: 20px;

  font-style: normal;

  font-weight: 400;

  margin: 0;

  line-height: 100%;

  /* 20px */

}



.campo3 .titulo .texto h2 {


  margin: 16px 0px;

  font-size: 90px;
  font-style: normal;
  font-weight: 700;
}



.campo3 .titulo .texto h3>small {

  color: var(--Grey-900, #000);

  font-family: "Inria Serif", serif !important;

  font-size: 25px;

  font-style: normal;

  font-weight: 300;

  line-height: 100%;

  /* 25px */

  font-size: 30px;
  font-style: normal;
  font-weight: 400;
  /* 300% */
  text-transform: lowercase;

}



.campo3 .fundo1 {
  background-color: #B9CDF0;
  color: #000;

  text-align: center;

  min-height: 475px;

  width: 100%;

  display: -webkit-box;

  display: -ms-flexbox;

  display: flex;

  -webkit-box-align: center;

  -ms-flex-align: center;

  align-items: center;

  -webkit-box-pack: center;

  -ms-flex-pack: center;

  justify-content: center;

}



.campo3 .fundo1 h2 {

  color: #000;

  font-family: Gotham;

  font-size: 24px;

  font-style: normal;

  font-weight: 500;

  line-height: 70px;

}



.campo3 h1 {

  margin: 185px 0px 90px 0px;

  text-align: center;

  color: #000 !important;

  font-family: Gotham;

  font-size: 60px;

  font-style: normal;

  font-weight: 300;

  line-height: 55px;

  font-weight: 600;
  /* 91.667% */

}



.campo3 .destino.des2 {

  margin: 90px 0px 110px 0px;

}



.campo3 .fundo2 {
  background-color: #EC9A16;
  color: #000;

  text-align: center;

  min-height: 475px;

  width: 100%;

  display: -webkit-box;

  display: -ms-flexbox;

  display: flex;

  -webkit-box-align: center;

  -ms-flex-align: center;

  align-items: center;

  -webkit-box-pack: center;

  -ms-flex-pack: center;

  justify-content: center;

}

.campo3 .fundo2 h2 {

  text-align: center;

  margin-right: 100px;

  font-family: Gotham !important;

  font-size: 45px;

  font-style: normal;

  font-weight: 200;

  line-height: 55px;
  color: #000;
  margin: 0 auto;

  /* 122.222% */

}

.campo3 .fundo1 h2>b {
  font-family: "Inria Serif", serif !important;
}

.campo3 .fundo2 h2>b {
  font-family: "Inria Serif", serif !important;
}





.campo3 .campow {

  max-width: 495px;

}



.campo3 .campow p {

  font-weight: 400;

}





.campo3 .fundo1 h2 {

  font-family: Gotham !important;

  font-size: 24px;

  font-style: normal;

  font-weight: 400;

  line-height: 70px;

}



.campo3 .fundo2 h2 {

  font-family: Gotham;

  font-size: 24px;

  font-style: normal;

  font-weight: 400;

  line-height: 70px;

}



.campo3 .fundo1 h2 small {

  font-weight: 300;



}



.campo3 .fundo2 h2 small {

  font-weight: 300;



}



.regulamento-full {

  background-color: #000;

  padding: 45px;

}



.regulamento {

  display: -webkit-box;

  display: -ms-flexbox;

  display: flex;

  -webkit-box-align: center;

  -ms-flex-align: center;

  align-items: center;

  -ms-flex-pack: distribute;

  justify-content: space-around;

  ;

}



.regulamento p {

  color: #F8EFE0;



  font-family: Gotham;

  font-size: 20px;

  font-style: normal;

  font-weight: 500;

  line-height: 20px;

  /* 34px */

  margin: 0;

}



.regulamento a {

  text-align: center;

  font-family: Gotham;

  font-size: 16px;

  font-style: normal;

  line-height: 16px;

  font-weight: 400;

  color: #000;

  background-color: #F8EFE0;

  padding: 16px 45px;

  text-decoration: none;

}







/* RODAPÉ */

footer {

  background-color: #fff;

  padding: 150px 0px;

}



footer .links-internos a.a-sub {

  color: #ccc;

  font-weight: 400;

  font-size: 18px;

  line-height: 28px;

  margin-bottom: 16px;

  margin-top: 16px;

}



footer .links-internos a {



  font-weight: 600;

  font-size: 20px;

  line-height: 28px;

  color: #000;

  display: block;

  margin-bottom: 30px;

}



.mb-30 {

  margin-bottom: 30px !important;

  display: block;

}



footer .main-info {

  margin-top: 150px;

  display: -webkit-box;

  display: -ms-flexbox;

  display: flex;

  text-align: center;

  text-align: center;

  -ms-flex-pack: distribute;

  justify-content: space-around;

}



footer .main-info a {

  font-size: 18px;

  line-height: 28px;

  color: #ccc;

  font-style: normal;

  font-weight: 600;

}



footer img {

  margin-bottom: 60px;

}



footer .redes-sociais a {

  margin-right: 15px;

}


.vivere h1,
.vivere h2,
.vivere h3,
.vivere h4,
.vivere h5,
.vivere h6 {

  font-family: "Inria Serif", serif !important;

}

.vivere>p {
  font-size: 16px !important;
  font-style: normal;
  font-weight: 400 !important;
}



.barras {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 50px;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  position: absolute;
  top: 0;
  width: 100%;
  z-index: -1;
}

.barra {
  width: 100%;
  height: 50px;
  -webkit-transform-origin: 0 0;
  -ms-transform-origin: 0 0;
  transform-origin: 0 0;
  background: #F7C14E;
}



@media only screen and (max-width : 768px) {

  h2 {

    font-size: 25px;

  }



  h1 {

    font-size: 50px;

    line-height: 50px;

  }



  .banner img.img-banner {

    margin-top: 25px;

  }



  .banner h2 {

    margin: 25px 0px 25px 0px;

  }



  .banner .container {

    padding-bottom: 75px;

  }



  .como-funciona {

    padding: 75px 0px;

  }



  .texto-centro h2 {

    margin-bottom: 20px;

  }



  .como-funciona li {

    margin-bottom: 20px;

  }



  .como-funciona img {

    float: right;

    margin-right: -12px;

  }



  .pontos-vivere {

    padding: 0px;

    margin-bottom: 100px;

  }



  .icones-right,

  .icones-left {

    display: none;

  }



  .destinos h1 {

    margin-bottom: 50px;

    text-align: center;

  }



  .destinos h2 {

    margin-top: 25px;

    text-align: right;

    padding: 0px 0px;

  }



  .destinos .valor-pontos h4 {

    text-align: center;

  }



  .destinos .alinhamento-destinos {

    display: block;

    margin: 25px 0px 0px 0px;

  }



  .destinos p {

    max-width: 100%;

    margin-top: 15px;

  }



  .destinos h2 {

    text-align: center;

  }



  .destinos .destino.no-border {

    border: 0px;

    margin-bottom: 0px;

  }



  .solicite {

    background-color: #000;

    padding: 25px 0px;

    color: #fff;

    display: block;

    text-align: center;

  }



  .solicite a {

    color: #000;

    background-color: #fff;

    border-radius: 0px;

    text-transform: uppercase;

    padding: 10px 30px;

    margin-left: 0px;

    margin-top: 10px;

    display: -webkit-inline-box;

    display: -ms-inline-flexbox;

    display: inline-flex;

  }



  footer {

    background-color: #fff;

    padding: 80px 0px;

  }



  footer img {

    margin-bottom: 20px;

  }



  footer .links-internos a {

    font-weight: 600;

    font-size: 20px;

    line-height: 20px;

    color: #000;

    display: block;

    margin-bottom: 15px;

  }



  footer .links-internos a.a-sub {

    color: #ccc;

    font-weight: 400;

    font-size: 18px;

    line-height: 18px;

    margin-bottom: 10px;

    margin-top: 16px;

  }



  footer .main-info {

    margin-top: 80px;

    display: block;

  }



  footer .main-info a {

    font-size: 18px;

    line-height: 18px;

    color: #ccc;

    font-style: normal;

    font-weight: 600;

    display: block;

    margin: 10px 0px;

  }



  footer .redes-sociais {

    margin-bottom: 50px;

  }







  .img-full {

    width: 100%;

  }



  .img-logo {

    max-width: 300px;

    width: 100%;

  }



  .img-titulo {

    max-width: 300px;

    width: 100%;

  }



  .campo2 h2 {

    text-align: center;

    margin-bottom: 25px;

  }



  .divisoria {

    margin: 35px 0px 50px 0px;

  }









  .campo1 img.img1 {

    margin: 0px auto;

    display: block;

    margin-top: 25px;

    max-height: 258px;

  }



  .campo2 .pontos {

    border-radius: 10px;

    margin-top: 25px;

  }



  .campo3 h1 {

    margin: 100px 0px 40px 0px;

    font-size: 40px;

  }



  footer .row {

    display: block;

  }

}


@media only screen and (max-width : 768px) {
  .img-banner {
    height: 80vh;
  }

  .campo1 .texto {
    gap: 0px;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
  }

  .campo1 h2 {
    text-align: left;
    line-height: 110%;
    margin-bottom: 0px;
    font-size: 30px;
    line-height: 40px;
  }

  .campo2 h2 {
    text-align: center;
    margin: 0 auto 25px auto;
    margin-bottom: 25px;
  }

  .campo3 .titulo .texto h2 {
    margin: 16px 0px;
    font-size: 45px;
  }

  .campo3 .titulo .texto h3 {
    font-size: 16px;
  }

  .campo3 .titulo .texto h3>small {
    font-size: 20px;
  }

  .campo3 .fundo1 {
    padding: 60px 0px;
    min-height: auto;
  }

  .campo3 .fundo2 {
    padding: 60px 0px;
    min-height: auto;
  }

  .campo3 .fundo1 h2 {
    font-family: Gotham;
    font-size: 18px;
    font-style: normal;
    font-weight: 600;
    line-height: 35px;
  }

  .campo3 .fundo2 h2 {
    font-family: Gotham;
    font-size: 18px;
    font-style: normal;
    font-weight: 600;
    line-height: 35px;
  }



  .barras {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    gap: 20px;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    position: absolute;
    top: 0;
    width: 100%;
    z-index: -1;
  }

  .barra {
    width: 100%;
    height: 20px;
    -webkit-transform-origin: 0 0;
    -ms-transform-origin: 0 0;
    transform-origin: 0 0;
    background: #F7C14E;
  }

}